Ext.onReady(function(){
	   var fileAttachment = Ext.create('component.file.attachment',{
	        objectId: id,
	        imageType: "6",
	        contextPath:contextPath,
	        colspan:2
	   });
	   var hisAuditRecords = Ext.create('component.his.audit.records',{
			businessId: businessId,
			//延期签约编号: BusinessAbnormaEnum
			businessType: "12",
			showGrid: showGrid,
	        contextPath:contextPath,
	        colspan:2
	    });
	   var fromPanelInfo = Ext.create('Ext.form.FormPanel',{
		    renderTo:Ext.getBody(),
		    titleAlign:'center',
	        title:'应收款延期审批',
		    border: true,
		    layout:{
		    	 type: 'table',
                 columns: 2,
                 tableAttrs: {　　//在这儿控制table标签中的Attrs属性
                     border: 1,
                     cellpadding: 5,
                     cellspacing: 1,
                     width: '95%',
                     align: 'center',
                     style: "border:1px solid gray;border-collapse:collapse;margin:0 auto;text-align:center;"
                 },
                 tdAttrs: {　　//控制td标签的属性，以上用法都是在ext的api中查到，同样的方式可以给tr添加属性
                     width: '100px',
                     height: '40px',
                     style: "padding:5px",
                     valign: 'middle'
                 }
		    },
			 items:[{
				    xtype:'displayfield',
				    fieldLabel: '客户姓名',
				    name: 'customerName'
				},{
				    xtype:'displayfield',
				    fieldLabel: '房产名称',
				    name: 'roomName'
				},{
				    xtype:'displayfield',
				    fieldLabel: '房产类型',
				    name: 'propertyTypeName'
				},{
				    xtype:'displayfield',
				    fieldLabel: '计价面积(㎡)',
				    name: 'calculateArea'
				},{
				    xtype:'displayfield',
				    fieldLabel: '签约单价(元)',
				    name: 'signPrice'
				},{
				    xtype:'displayfield',
				    fieldLabel: '签约总价(元)',
				    name: 'signAmount'
				},{
				    xtype:'displayfield',
				    fieldLabel: '付款方式',
				    name: 'paymentMethodName'
				},{
				    xtype:'displayfield',
				    fieldLabel: '签约明细',
				    name:'signedDetail'
				},{
                	xtype : 'displayfield',
                	fieldLabel : '应收款项',
                	name: 'receivablesFunds'
            	},{
				    xtype:'displayfield',
				    fieldLabel: '应收日期',
				    name: 'receivablesDate',
				    id:"receivablesDate"
				},{
				    xtype:'displayfield',
				    fieldLabel: '应收金额(元)',
				    name: 'totalReceivablesAmount'
				},{
				    xtype:'displayfield',
				    fieldLabel: '已收金额(元)',
				    name: 'haveReceivedTotal'
				},{
				    xtype:'displayfield',
				    fieldLabel: '已申请延期天数',
				    name: 'delayDayCount'
				},{
				    xtype:'displayfield',
				    fieldLabel: '延期开始日期',
				    name: 'delayStartDay'
				},{
				    xtype:'displayfield',
				    fieldLabel: '延期结束日期',
				    name: 'delayEndDay'
				},{
				    xtype:'displayfield',
				    fieldLabel: '延期天数',
				    name: 'cuurDelayDayCount',
				},{
				    xtype:'displayfield',
				    fieldLabel: '延期原因',
				    name: '',
				    width:780,
				    align: 'left',
				    name:'remark',
				    colspan:2
				},{
				    xtype:'displayfield',
				    fieldLabel: '经纪人',
				    name: 'userName'
				},{
				    xtype:'displayfield',
				    fieldLabel: '申请日期',
				    name:'createTime'
				},hisAuditRecords,fileAttachment]
	   });
	   
	   var processHistoryPanel=Ext.create('component.proces.history',{
			 processInstanceId: procInstId,
			 minHeight:100,
			 contextPath:contextPath
		});
		processHistoryPanel.setAutidStatusName('');
		processHistoryPanel.setProcesHistoryVisible(processFlag);
	
		var processHistoryFormPanel = Ext.create('Ext.form.FormPanel',{
		    renderTo:Ext.getBody(),
		    titleAlign:'center',
		    border: true,
		    layout:{
		    	type: 'table',
               columns: 2,
               tableAttrs: {　　//在这儿控制table标签中的Attrs属性
                   border: 1,
                   cellpadding: 5,
                   cellspacing: 1,
                   width: '95%',
                   align: 'center',
                   style: "border:1px solid gray;border-collapse:collapse;margin:0 auto;text-align:center;"
               },
               tdAttrs: {　　//控制td标签的属性，以上用法都是在ext的api中查到，同样的方式可以给tr添加属性
                   width: '100px',
                   height: '40px',
                   style: "padding:5px",
                   valign: 'middle'
               }
		    },
			 items:[processHistoryPanel]
	   });
	   
	   fromPanelInfo.getForm().load({
			url:contextPath+'/customer/signed/loadDeferredPaymentDetail',
			params:{'id':id},
			success:function(form, action){
				var obj = action.result.data;
				var result=Ext.JSON.decode(obj);
				fromPanelInfo.getForm().setValues(result);
				   var showUrl = contextPath+"/customer/signed/toView?id="+result.signedId+"&returnUrl=,marketing,pin,index&processFlag=processHistoryShow";
				   var showHerf = "<a href="+showUrl+" target='_blank'>签约明细</a>";
				   fromPanelInfo.getForm().findField("signedDetail").setValue(showHerf);
			},   
			failure: function(form, action) {
		        Ext.Msg.alert("加载失败", action.result.errorMessage);
		    }

		});
	  
});